<template>
    <div class="all">
        <div class="top">
            <div class="hei k1">账号卡号</div>
            <div class="inp"><van-field v-model="value" placeholder="请输入账号" /></div>
            <div class="hei k1">原手机号</div>
            <div class="inp"><van-field v-model="value" placeholder="请输入原手机号" /></div>
            <div class="hei k1">新手机号</div>
            <div class="inp"><van-field v-model="value" placeholder="请输入新手机号" /></div>
            <div class="hei k1">验证码</div>
            <div class="inp">
              <van-field v-model="value" placeholder="请输入验证码" />
              <div class="inpa">获取验证码</div>
            </div>
            <div class="k2 btn">快速验证</div>
            <div class="hei">
              <div class="hei">注： </div>
              <div class="hei">1、适用于用户联系电话变更，更改当前账号名称 </div>
              <div class="hei">2、如提示“号码占用”，请联系客服处理</div>
            </div>
        </div>
    </div>
</template>

<script>
  import axios from 'axios'
  import top from '@/components/top.vue'
  import bus from '@/assets/bus.js'
  export default {
      name: 'genghuan',
      components:{top},
      data(){
      	return{
          value:""
      	}
      },
      watch: {
        // num:function(newValue, oldValue) {
        //   console.log(newValue, oldValue)
        // }
      },
      computed:{
        // zongjia:function(){
        //   return this.num * 100
        // }
      },
      created() {


      },
      methods: {

      },

  }
</script>

<style scoped lang="less">
    .all{ background: #FFFFFF; font-size: 0.28rem; min-height: 100vh;
      .top{}
      .k1{ margin-bottom: 0.3rem;}
      .k3{ color:#FF6367; margin-bottom: 0.2rem;}
      .k2{ margin: 0.5rem 0; }
      .van-field{ background: #F7F7F7;}
      .red{ color:#FF6367; font-size: 0.28rem; margin: 0 0.05rem;}
      .inp{ position: relative; margin-bottom: 0.3rem;}
      .inpa{ position: absolute; right: 0.1rem; top: 7px; color:#FFFFFF; background: #FFB300; padding:0 0.2rem; border-radius: 0.1rem; font-size: 0.28rem; line-height: 30px;}
    }
</style>
